

*{
  margin: 0;
  padding: 0;
}
html,body,#root{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.webviews{
  position: relative;
  
  flex-grow: 1;
}
.webview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.App{
  display: flex;
  flex-direction: column;
  height: 100%;
}


nav {
  display: flex;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border-bottom: 1px solid #ddd;
}

nav div {
  color: #333;
  background-color: #e9ecef;
  padding: 0.5rem 1.25rem; /* 减少内边距以减小按钮高度 */
  margin-right: 0.5rem; /* 右侧外边距 */
  border-radius: 4px; /* 圆角4px */
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

nav div:last-child {
  margin-right: 0; /* 最后一个按钮没有右侧外边距 */
}

nav div:hover {
  background-color: #d3d9df;
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

nav div.active {
  background-color: #b3d7ff;
  color: #333;
}